<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>日记----记录日常点滴</title>
		<link rel="stylesheet" href="../static/lib/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../static/lib/animate.css" />
		<link rel="stylesheet" href="../static/css/global.css" />
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
		<script type="text/javascript" src="../static/lib/layui/layui.js"></script>
	</head>
	<body>
		<!-- 头部导航栏 -->
		<div class="blog-header"></div>
		<!-- 内容区 -->
		<div class="blog-content">
			<div class="layui-container">
				<div class="layui-row">
					<div class="base-card">
						<div class="base-card-header" style="text-align: center;">
							<span class="fa fa-hourglass-half" style="font-size: 25px;">&nbsp;时间轴----记录日常点滴</span>
						</div>
						<div class="base-card-body">
							<div class="timeline">
								<ul class="layui-timeline">
									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text animated bounceInRight">
											<h3 class="layui-timeline-title">8月18日</h3>
											<p>
												layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
												<br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
												<br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
											</p>
										</div>
									</li>
									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text animated bounceInRight delay-1s">
											<h3 class="layui-timeline-title">8月16日</h3>
											<p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
											<ul>
												<li>《登高》</li>
												<li>《茅屋为秋风所破歌》</li>
											</ul>
										</div>
									</li>
									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text animated bounceInRight delay-2s">
											<h3 class="layui-timeline-title">8月15日</h3>
											<p>
												中国人民抗日战争胜利72周年
												<br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
												<br>铭记、感恩
												<br>所有为中华民族浴血奋战的英雄将士
												<br>永垂不朽
											</p>
										</div>
									</li>
									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text animated bounceInRight delay-3s">
											<div class="layui-timeline-title">过去</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部版权区 -->
		<div class="blog-footer"></div>
	</body>
	<script>
		layui.use(['element', 'jquery'], function() {
			var element = layui.element,
				$ = layui.jquery;
		});
	</script>
	<script type="text/javascript" src="../static/js/global.js"></script>
	<link rel="stylesheet" type="text/css" href="../static/css/timeline.css" />
</html>
